<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B1401_setting-dialog" ng-init="init();" style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B1401.title-setting' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <!-- 生產線 -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1401.area_no' | translate"></label>
                <input class="value" ng-model="dialog.settingList.area_no"></input>
                <div class="tip search" ng-click="dialog.loadAreaNo();"><img src="image/icons/search.png"></img> </div>
            </div>
            <!-- 作業站 -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1401.op_no' | translate"></label>
                <input class="value" ng-model="dialog.settingList.op_no"></input>
                <div class="tip search" ng-click="dialog.loadOpNo();"><img src="image/icons/search.png"></img> </div>
            </div>
            <!-- 包裝模式 -->
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'B1401.package_mode' | translate"></label>
                <!-- 序號 -->
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="dialog.settingList.package_mode = '0'" style="flex: 0 0 100px; height: 32px;">
                    <img ng-show="dialog.settingList.package_mode === '1'" src="image/icons/check0.png"></img>
                    <img ng-show="dialog.settingList.package_mode === '0'" src="image/icons/check1.png"></img>
                    {{ 'B1401.serial_no' | translate }}
                </button>
                <!-- 生產批號 -->
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="dialog.settingList.package_mode = '1'" style="flex: 0 0 100px; height: 32px;">
                    <img ng-show="dialog.settingList.package_mode === '0'" src="image/icons/check0.png"></img>
                    <img ng-show="dialog.settingList.package_mode === '1'" src="image/icons/check1.png"></img>
                    {{ 'B1401.lot_no' | translate }}
                </button>
            </div>
            <div class="kmi-text-fields">
                <label style="margin-right:20px;" class="label"  ng-bind="'B1401.external_box_label' | translate"></label>
                <div class="check-point-switch" ng-class="{'is-selected':dialog.settingList.external_mode == '1'}" ng-click="dialog.settingList.external_mode=(dialog.settingList.external_mode=='1'?'0':'1')">
                    <div style="width:24px;height:24px;"></div>
                </div>
            </div>
            <div class="btn-content">
                <div class="kmi-button kmi-button-confrim" ng-click="dialog.confirm()" style="width: 100px">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>
</div>
